<!DOCTYPE html>
<html lang="zh">
<head>
<title>旗帜管理 | OMS</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />

<!-- 加载 bootstrap 样式-->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="bootstrap-colorpalette.css" />

<!-- 加载本页需要的三方插件样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-bootstrap-wizard/custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-steps/css/jquery.steps.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">

<!-- 加载主题风格样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change"
    class="style-change color-change" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />

</head>
<body class="">
    <!--BEGIN CONTENT-->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 col-xs-8 col-sm-8 col-md-8" style="line-height:36px;">
                    <div class="actions">
                                <a href="#" class="btn btn-xs btn-info" id="create-flag" onclick="newFlag()">
                                    <i class="fa"></i>添加旗帜
                                </a>
                            </div>
                </div>
                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="margin-bottom: 10px;">
                    <div class="input-group">
                        <input id="quickSearch" type="text" placeholder="旗帜名称" class="form-control" value="" />
                        <span class="input-group-btn">
                            <button id="btnQuickSearch" type="button" class="btn btn-primary">
                                <i class="fa fa-search"></i>
                            </button>
                            <button id="btnAdvSearch" type="button" class="btn btn-default btn-adv-search">
                                <i class="fa fa-angle-double-down" style="font-size: 20px; color: white;"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="panel panel-default" id="advSearchPanel" style="position: fixed; Z-index: 9999; width: 95%; display: none">
                <div class="panel-body">
                    <form id="frmAdvSearch" role="form" action="" class="form-horizontal advance-query">
                        <div class="row">
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="prjId" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">旗帜类别 </label>
                                    <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                        <select id="flag_type" name="flag_type" class="form-control forsubmiteq"
                                                fieldname="flag.flag_type" fieldtype="string" fieldoperator="and">
                                            <option value="">请选择</option>
                                            <option value="OR">订单</option>
                                            <option value="PU">采购订单</option>
                                            <option value="RE">退货订单</option>
                                            <option value="SO">出库单</option>
                                            <option value="RD">退款单</option>
                                            <option value="TS">预售采购</option>
                                            <option value="EV">售后事件</option>
                                            <option value="IV">发票</option>
                                            <option value="TB">淘宝商品管理</option>
                                            <option value="GM">系统商品管理</option>
                                            <option value="CL">商品售价策略</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <label for="flag-name" class="col-xs-4 control-label">旗帜名称</label>
                                    <div class="col-xs-8">
                                        <input id="flag_name" name="flag_name" type="text" placeholder="" minlength="1" maxlength="32"
                                            class="form-control" fieldoperator="eq" fieldname="flag.flag_name" fieldconnecttype="and" fieldtype="string" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-xs-12 col-sm-12 col-md-12 text-right">
                                <button type="reset" id="advSearchReset" name="advSearchReset" class="btn btn-default">重置</button>
                                <button type="button" id="advSearchSubmit" name="advSearchSubmit" class="btn btn-primary">查询</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
           
            <div class="row">
                <div class="col-lg-12">
                    <div class="portlet box portlet-blue" style="margin-bottom: 15px;">
                        <div class="portlet-header">
                            <div class="caption">旗帜列表</div>
                            <!-- <div class="actions">
                                <a href="#" class="btn btn-xs btn-warning" id="create-flag" onclick="newFlag()">
                                    <i class="fa fa-plus"></i>添加
                                </a>
                            </div> -->
                        </div>
                        <div class="portlet-body">
                            <table id="flag-table" class="table table-hover table-striped table-bordered table-advanced tb-sticky-header"
                                width="100%">
                                <thead>
                                    <tr>
                                        <th>旗帜类别</th>
                                        <th>旗帜图片</th>
                                        <th>旗帜名称</th>
                                        <th>备注</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="create-flag-form"  tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
        <div class="modal-dialog">
            <form role="form" class="form-horizontal" id="flagCreateForm">
                <div class="modal-content"  style="width:790px">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 id="modal-header-primary-label" class="modal-title">添加旗帜</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="flagType" class="col-sm-2 control-label">旗帜类别<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <select id="flagType" name="enterprise" class="form-control" required>
                                    <option value="">请选择</option>
                                    <option value="OR">订单</option>
                                    <option value="PU">采购订单</option>
                                    <option value="RE">退货订单</option>
                                    <option value="SO">出库单</option>
                                    <option value="RD">退款单</option>
                                    <option value="TS">预售采购</option>
                                    <option value="EV">售后事件</option>
                                    <option value="IV">发票</option>
                                    <option value="TB">淘宝商品管理</option>
                                    <option value="GM">系统商品管理</option>
                                    <option value="CL">商品售价策略</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-flag-name" class="col-sm-2 control-label">旗帜名称<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <input id="form-flag-name" name="flagName" type="text" class="form-control" required minlength="1" maxlength="32"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-enterprise" class="col-sm-2 control-label">所属企业<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <select id="form-enterprise" name="enterprise" class="form-control" required>
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-remark" class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-10">
                                <textarea id="form-remark" name="flagRemark" rows="3" class="form-control" minlength="0" maxlength="100"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                          <div class="col-sm-12">
                              <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown">颜色选择</a>
                              <input id="selected-color1" type="text" disabled="disabled">
                              <ul class="dropdown-menu">
                              <li>
                                <div id="colorpalette1"></div>
                              </li>
                              </ul>
                          </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                        <button id="add-flag" type="submit" class="btn btn-primary">创建</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div id="edit-flag-form"  flagid="" tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
        <div class="modal-dialog">
            <form role="form" class="form-horizontal" id="flagEditForm"> 
                <div class="modal-content"  style="width:790px">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 class="modal-title">编辑旗帜</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="flagType" class="col-sm-2 control-label">旗帜类别<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <select id="flagTypeEdit" name="enterprise" class="form-control" required>
                                    <option value="">请选择</option>
                                    <option value="OR">订单</option>
                                    <option value="PU">采购订单</option>
                                    <option value="RE">退货订单</option>
                                    <option value="SO">出库单</option>
                                    <option value="RD">退款单</option>
                                    <option value="TS">预售采购</option>
                                    <option value="EV">售后事件</option>
                                    <option value="IV">发票</option>
                                    <option value="TB">淘宝商品管理</option>
                                    <option value="GM">系统商品管理</option>
                                    <option value="CL">商品售价策略</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-flag-name" class="col-sm-2 control-label">旗帜名称<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <input id="form-flag-nameEdit" name="flagName" type="text" class="form-control" required minlength="1" maxlength="32"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-enterprise" class="col-sm-2 control-label">所属企业<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <select id="form-enterpriseEdit" name="enterprise" class="form-control" required>
                                    <option value="">请选择</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-remark" class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-10">
                                <textarea id="form-remarkEdit" name="flagRemark" rows="3" class="form-control" minlength="0" maxlength="100"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                          <div class="col-sm-12">
                              <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown">颜色选择</a>
                              <input id="selected-color2" type="text" disabled="disabled">
                              <ul class="dropdown-menu">
                              <li>
                                <div id="colorpalette2"></div>
                              </li>
                              </ul>
                          </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                        <button id="edit-flag" type="submit" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!--END CONTENT -->
    <!-- 加载 jquery js-->
    <script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
    <script lang="javascript">
        var _init = jQuery.fn.init;
        jQuery.fn.init = function (selector, context, root) {
            var r = new _init(selector, context, root);
            if (r.length) {
                return r;
            }

            if (context) {
                if (context === window.top.document) {
                    return r;
                }
                context = new _init(context, window.top.document, root);
                return context.length ? new _init(selector, context, root) : r;
            }

            return new _init(selector, window.top.document, root);
        }
    </script>
    <script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-ui.js"></script>

    <!-- 加载 bootstrap 和三方插件 js -->
    <script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
    <script src="/Apollo/madmin/js/html5shiv.js"></script>
    <script src="/Apollo/madmin/js/respond.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-pace/pace.min.js"></script>
    <script src="/Apollo/madmin/vendors/holder/holder.js"></script>
    <script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>

    <!-- 加载本页面对应的js -->
    <script src="/views/static/js/jquery.validate.extend.js"></script>
    <script src="/views/static/js/form.js"></script>
    <script src="bootstrap-colorpalette.js"></script>
    <script src="flags.js"></script>
</body>
</html>